import axios from "axios"
import Vue from 'vue'
import { Toast } from 'vant'
import store from '@/store'

Vue.use(Toast)

//创建axios实例
const instance = axios.create({
    baseURL: 'http://smart-shop.itheima.net/index.php?s=/api',
    timeout: 5000,
    headers: {
        "platform": "H5"
    }
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    if (store.state.user.userInfo.islogin) {
        const token = store.state.user.userInfo.token
        // 如果有token,携带在请求头中
        config.headers['Access-Token'] = token
    }
    // 在发送请求之前做些什么
    //发送请求之前添加loading效果
    Toast.loading({
        message: '加载中...',
        forbidClick: true,
        duration: 0
    })
    return config
}, function (error) {
    // 对请求错误做些什么
    console.log('请求错误111', error)
    return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    const res = response.data
    //状态错误时
    if (res.status !== 200) {
        console.log('响应拦截器111', res.status)
        Toast(res.message)
        return Promise.reject(res.message)
    } else {
        //状态正确时,核心代码
        console.log('响应拦截器222', res.status)
        Toast.clear()
    }
    return res
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    console.log('响应错误333', error)
    // 对响应错误做点什么
    return Promise.reject(error)
})

//导出配置好的实例
export default instance